.scrollbar-y {
    overflow-x: hidden; /* 横向滚动 */
    overflow-y: auto; /* 纵向滚动 */
}

.scrollbar-x {
    overflow-x: auto; /* 横向滚动 */
    overflow-y: hidden; /* 纵向滚动 */
}

.scrollbar-y,.scrollbar-x {
    scrollbar-width: thin; /* Firefox支持 */
    scrollbar-color: #008ffe transparent; /* Firefox滑块颜色 */
}

/* Webkit浏览器滚动条样式 (Chrome/Safari/Edge) */
.scrollbar-y::-webkit-scrollbar,.scrollbar-x::-webkit-scrollbar {
    height: 10px; /* 横向滚动条高度 */
    width: 10px; /* 纵向滚动条宽度（虽然禁用但保留） */
    background: transparent; /* 滚动条轨道透明 */
}

.scrollbar-y::-webkit-scrollbar-thumb,.scrollbar-x::-webkit-scrollbar-thumb {
    background-color: #008ffe; /* 滑块颜色 */
    border-radius: 5px; /* 圆角与宽度匹配 */

}

.scrollbar-y::-webkit-scrollbar-track,.scrollbar-x::-webkit-scrollbar-track {
    background: transparent; /* 轨道完全透明 */
}

/* Firefox备用样式 */
@supports (-moz-appearance: none) {
    .scrollbar-y,.scrollbar-x {
        scrollbar-width: thin; /* 强制使用细滚动条 */
    }
}